<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作用域与与解析</title>
</head>
<body>
    <script>
        /*
        *变量的使用范围。
        *全局作用域和局部作用域：
            全局作用域：整个页面或者一个script标签内部
            局部作用域：函数内部
            作用域链：变量在使用时会层层搜索
        
        */
       /*
        *直接访问一个变量，如果该变量不存在就会报错，而如果访问一个对象的属性，如果该属性不存在，则会返回undefined
       */
      var num = 10
      function f1() {
          var number = 10
      }
      f1()
      console.log(window.number) // undefined
      console.log(number) // 报错
    </script>
    <script>
        /**
         * 预解析：在解析代码之前，所有的变量和函数声明会提升
         * 
        */
    </script>
</body>
</html>